<template>
  <div class="index">
    <Meun></Meun>
    <div class="content">
        <label>源数据 >> 审计数据</label>
        <smartTable v-bind:get-message="tableData" v-on:receiveData="receiveData">
          <tr v-for="item in Data">
           <!--  <td>{{item.network_app}}</td> -->
            <td>{{item.ip_address}}</td>
            <td>{{item.port}}</td>
            <td>{{item.src_ip}}</td>

            <!-- <td>{{item.src_port_start}}</td>
            <td>{{item.src_port_end}}</td>
            <td>{{item.src_port_start_v6}}</td>
            <td>{{item.src_port_end_v6}}</td>

            <td>{{item.src_ipv6}}</td>
            <td>{{item.dst_ipv6}}</td> -->
            <td>{{item.dst_port}}</td>
            <!-- <td>{{item.dst_port_v6}}</td> -->
            <td>{{item.mac}}</td>
<!--             <td>{{item.equipment_code}}</td>
            <td>{{item.auth_type}}</td>
            <td>{{item.auth_account}}</td>
            <td>{{item.os_type}}</td> -->
            <td>{{item.create_time}}</td>
            <td>{{item.netbar_wacode}}</td>
            <td>{{item.collection_equipment_mac}}</td>
            <td>{{item.audit_time}}</td>
            <td>{{item.table_name}}</td>
            <td>{{item.place_name}}</td>
            <td>{{item.device_name}}</td>
          </tr>
        </smartTable>
    </div>
  </div>
</template>

<script>
import Meun from '../../components/menu.vue'
import smartTable from '../../components/smartTable.vue'
export default {
  components: {
    Meun,
    smartTable
  },
  data () {
    return {
      tableData: {
        'colTitle': [ '场所内网IP', '端口', '终端IP', '目的公网IPv4端口', '终端mac','创建时间','场所编码','采集MAC','审计时间','所在表','场所名称','设备名称'],
        'method': 'GET',
        'url': '/static/json/table.json',
        'query': { 'a': 1 }
      },
      Data: []
    }
  },
  methods: {
    receiveData (data) {
      this.Data = data
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
.index{
  background:#f5f6f6;
}
.content{
    margin-top:5px;
    padding:50px;
    border-radius: 10px;
    min-width: 900px;
    label{
      font-size:14px;
      margin-left:-20px;
      margin-bottom:20px;
    }
}
</style>
